<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        ul{
            list-style-type: disc;
            /*list-style-type: square;
            list-style-type: none;*/

            /*list-style-position:outside;*/
            list-style-position: inside;

            /*list-style-image: url(imgs/2.jpg);
            list-style:url("img/2.jpg")*/

            line-height: 2em;
        }
        ol.one{
            /*list-style-type:decimal-leading-zero;/*
           /* list-style-type: lower-roman;
            list-style-type: upper-roman;*/
            /*list-style-type: lower-alpha;
            /*list-style-type: upper-alpha;
            list-style-type: upper-latin;*/
            list-style-type: lower-greek;

            line-height: 1.5em;
        }
        dt{
            font-weight: bold;
            font-size: 18;
            line-height: 1em;
        }
    </style>
</head>
<body>
    <ul>
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项3</li>
        <li>列表项4</li>
    </ul>
    <ol class="one">
        <li>有序列表1</li>
        <li>有序列表2</li>
        <li>有序列表3</li>
        <li>有序列表4</li>
    </ol>
    <dl>
        <dt>前端</dt>
        <dd>是html+cs+js组成</dd>
        <dd>是一些框架组成</dd>
    </dl>
    <ol type="A" start="5" reversed>
        <li>列表1</li>
        <li>列表2</li>
        <li>列表3</li>
    </ol>
</body>
</html>